﻿{% extends 'task_market/base.html' %}
{% load static %}


{% block title %}
    登录
{% endblock %}

{% block content %}

    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bread-inner">
                        <ul class="bread-list">
                            <li><a href="{% url 'task_market:index' %}" target="_blank">主页<i class="ti-arrow-right"></i></a></li>
                            <li class="active"><a href="#">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <section class="shop login section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 mx-auto">
                    <div class="login-form">
                        <h2>数据标注平台</h2>
                        <p>Login with account & password</p>

                        <form class="form" method="post" action="">
                            {% csrf_token %}
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>Account<span>*</span></label>
                                        <input type="text" name="account" placeholder="请输入账号" required="required">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>Password<span>*</span></label>
                                        <input type="password" name="pwd" placeholder="请输入密码" required="required">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="d-flex justify-content-between">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="" id="remember">
                                            <label class="form-check-label" for="remember">
                                                记住密码
                                            </label>
                                        </div>
                                        <a href="#" class="lost-pass">忘记密码？</a>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group login-btn">
                                        <button class="btn" type="submit">登录</button>
                                    </div>
                                </div>
                                <p>还没有账户？ <a href="{% url 'task_market:user_mng:signup' %}"> 注册 </a></p>
                            </div>
                            <span style="color: red;">{{ error_msg }}</span>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>

{% endblock %}